@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome, firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.onlyLine {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Microsoft YaHei";
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  position: relative;
}
img {
  border: none;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  color: #666;
}
a:hover {
  color: #3d94cf;
}
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  outline: none;
}
/*清除浮动*/
.clear {
  clear: both;
}
/*隐藏元素*/
.hide {
  display: none;
}
ul li {
  list-style: none;
}
/*音乐图标*/
@-webkit-keyframes gogoxuanz {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes gogoxuanzTwo {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes gogoxuanzTui {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
  }
  90% {
    -webkit-transform: scale(1) rotate(324deg);
  }
  95% {
    -webkit-transform: scale(1.4) rotate(342deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
  }
}
/*忽明忽暗*/
@-webkit-keyframes huminghuan {
  0% {
    opacity: .3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .3;
  }
}
/*宇航员*/
@-webkit-keyframes yuhangyuan {
  0% {
    -webkit-transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(-10px);
  }
}
/*红包图标*/
@-webkit-keyframes hongbao {
  0% {
    -webkit-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg);
  }
}
@-webkit-keyframes wenzisx {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes fansuo {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@-webkit-keyframes topHuaD {
  0% {
    bottom: 20px;
  }
  70% {
    bottom: 40px;
  }
  100% {
    bottom: 20px;
  }
}
@-webkit-keyframes naozhong {
  0% {
    -webkit-transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
  }
}
@-webkit-keyframes laba {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px) scale(0.7, 0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1, 1);
  }
}
@-webkit-keyframes xiayu {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(60px);
  }
}
@-webkit-keyframes shanshan {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.cAdiou {
  -webkit-animation: gogoxuanz 3s infinite linear ;
}
div.nextPage {
  position: fixed;
  bottom: 50px;
  left: 50%;
  width: 68px;
  height: 42px;
  margin-left: -34px;
  z-index: 999;
  -webkit-animation: topHuaD 3s infinite linear ;
}
#cAdiou {
  width: 51px;
  height: 51px;
  position: fixed;
  top: 20px;
  z-index: 999;
  right: 20px;
  background-image: url(../images/public/adiou.png);
}
.maxCon {
  width: 750px;
  height: 100%;
  position: relative;
}
.swiper-slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
.swiper-slide > div {
  position: absolute;
  background-repeat: no-repeat;
}
.swiperC01 {
  background-color: #d2b1d4;
  background-image: url(../images/01/back.jpg);
  background-position: 0 100%;
  background-size: 100% 100%;
}
.swiperC01 div.logo {
  top: -150px;
  left: 0;
  width: 100%;
}
.swiperC01 div.title {
  width: 100%;
  top: 140px;
  left: 0;
  transform: translateY(0px) translateX(750px);
}
.swiperC01 div.centrer {
  top: 390px;
  left: 50%;
  width: 360px;
  height: 450px;
  margin-left: -175px;
  background-image: url(../images/01/img03.png);
  text-align: center;
  padding: 28px;
}
.swiperC01 div.centrer > img.ziti {
  animation: fansuo 2s  ;
}
.swiperC01 div.centrer > img.zititt {
  margin-top: 60px;
  transform: translateY(0px) translateX(-750px);
}
.HuaGuo1 div.logo {
  top: 0px;
  transition: all 0.7s;
}
.HuaGuo1 div.title {
  transition: all 0.7s 0.3s;
  transform: translateY(0px) translateX(0px);
}
.HuaGuo1 div.centrer > img.zititt {
  transition: all 0.7s 0.7s;
  transform: translateY(0px) translateX(0px);
}
.swiperC02 {
  background-image: url(../images/public/back.png);
  background-position: 0 100%;
  background-size: 100% 100%;
}
.swiperC02 > div.kuang {
  width: 100%;
  height: 100%;
  background-image: url(../images/02/bcak.png);
  padding-top: 375px;
  text-align: center;
  transform: translateY(0px) translateX(-750px);
}
.swiperC02 > div.kuang > img.center {
  opacity: 0;
  transform: scale(0.3, 0.3) rotate(270deg);
}
.HuaGuo2 > div.kuang {
  transition: all 0.7s 0.3s;
  transform: translateY(0px) translateX(0px);
}
.HuaGuo2 > div.kuang > img.center {
  transition: all 0.7s 0.5s;
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}
.swiperC03 {
  background-image: url(../images/public/back.png);
  background-position: 0 100%;
  background-size: 100% 100%;
}
.swiperC03 > div.kuang {
  width: 100%;
  height: 100%;
  background-image: url(../images/03/back.png);
  text-align: center;
}
.swiperC03 > div.kuang div.nian {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transform: translateY(0px) translateX(750px);
  opacity: 0;
}
.swiperC03 > div.kuang div.nian:nth-child(1) {
  background-image: url(../images/03/icon/a1.png);
}
.swiperC03 > div.kuang div.nian:nth-child(2) {
  background-image: url(../images/03/icon/a2.png);
}
.swiperC03 > div.kuang div.nian:nth-child(3) {
  background-image: url(../images/03/icon/a3.png);
}
.swiperC03 > div.kuang div.nian:nth-child(4) {
  background-image: url(../images/03/icon/a4.png);
}
.swiperC03 > div.kuang div.nian:nth-child(5) {
  background-image: url(../images/03/icon/a5.png);
}
.swiperC03 > div.kuang div.nian:nth-child(6) {
  background-image: url(../images/03/icon/a6.png);
}
.swiperC03 > div.kuang div.nian:nth-child(7) {
  background-image: url(../images/03/icon/a7.png);
}
.swiperC03 > div.kuang div.nian:nth-child(8) {
  background-image: url(../images/03/icon/a8.png);
}
.swiperC03 > div.kuang div.nian:nth-child(9) {
  background-image: url(../images/03/icon/a9.png);
}
.swiperC03 > div.kuang div.nian:nth-child(10) {
  background-image: url(../images/03/icon/a10.png);
}
.swiperC03 > div.kuang div.nian:nth-child(11) {
  background-image: url(../images/03/icon/a11.png);
}
.swiperC03 > div.kuang div.nian:nth-child(12) {
  background-image: url(../images/03/icon/a12.png);
}
.swiperC03 > div.kuang div.nian:nth-child(13) {
  background-image: url(../images/03/icon/a13.png);
}
.swiperC03 > div.kuang div.nian:nth-child(14) {
  background-image: url(../images/03/icon/a14.png);
}
.swiperC03 > div.kuang div.nian:nth-child(15) {
  background-image: url(../images/03/icon/a15.png);
}
.HuaGuo3 > div.kuang div.nian {
  opacity: 1;
  transform: translateY(0px) translateX(0px);
}
.HuaGuo3 > div.kuang div.nian:nth-child(1) {
  transition: all 0.7s 0.3s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(2) {
  transition: all 0.7s 0.6s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(3) {
  transition: all 0.7s 0.9s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(4) {
  transition: all 0.7s 1.2s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(5) {
  transition: all 0.7s 1.5s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(6) {
  transition: all 0.7s 1.8s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(7) {
  transition: all 0.7s 2.1s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(8) {
  transition: all 0.7s 2.4s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(9) {
  transition: all 0.7s 2.7s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(10) {
  transition: all 0.7s 3s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(11) {
  transition: all 0.7s 3.3s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(12) {
  transition: all 0.7s 3.6s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(13) {
  transition: all 0.7s 3.9s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(14) {
  transition: all 0.7s 4.2s;
}
.HuaGuo3 > div.kuang div.nian:nth-child(15) {
  transition: all 0.7s 4.5s;
}
.swiperC04 {
  background-image: url(../images/public/back.png);
  background-position: 0 100%;
  background-size: 100% 100%;
}
.swiperC04 > div.kuang {
  width: 100%;
  height: 100%;
  background-image: url(../images/04/back.png);
  text-align: center;
  padding-top: 435px;
}
.swiperC04 > div.kuang img.pomnt {
  opacity: 0;
}
.HuaGuo4 > div.kuang > img.pomnt {
  opacity: 1;
  transition: all 0.7s 0.3s;
}
.swiperC05 {
  background-color: #d2b1d4;
  background-image: url(../images/01/back.jpg);
  background-position: 0 100%;
  background-size: 100% 100%;
}
.swiperC05 > div.kuang {
  width: 100%;
  height: 100%;
  background-image: url(../images/05/back.png);
  text-align: center;
  padding: 260px 140px 0;
}
.swiperC05 > div.kuang p {
  font-size: 26px;
  color: #e84899;
  line-height: 40px;
}
.swiperC05 > div.kuang div.butCn {
  margin-top: 45px;
}
.swiperC05 > div.kuang div.butCn > a {
  display: inline-block;
  margin: 0 40px;
}
.swiperC05 > div.kuang div.butCn > a > img.hode {
  height: 70px;
}
div.VideoCon {
  width: 100%;
  height: 100%;
  background-color: #d2b1d4;
  background-image: url(../images/01/back.jpg);
  background-position: 0 100%;
  background-size: 100% 100%;
}
div.VideoCon #imgCon {
  padding: 236px 75px 0;
}
div.VideoCon div.neiLian {
  background-image: url(../images/05/back.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-top: 236px;
  text-align: center;
}
div.VideoCon div.neiLian a.but {
  display: inline-block;
  height: 50px;
  padding: 0 20px;
  background-image: url(../images/06/butBack.png);
  background-size: 100% 50px;
  margin: 110px auto 0;
  color: #fff;
  line-height: 50px;
  font-size: 26px;
  text-align: center;
}
div.VideoCon div.neiLian a.but2 {
  display: block;
  float: left;
  width: 228px;
  height: 50px;
  background-image: url(../images/06/butBack.png);
  margin: 110px 36px 0;
  color: #fff;
  line-height: 50px;
  font-size: 26px;
  text-align: center;
}
